<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/WEB-INF/template/geral.xhtml">
	<ui:define name="corpo">
		
		<div class="hero-unit"> 
		
			<h:form>
			
				<h:panelGrid>
				
					<h:outputLabel for="octal" value="Número em octal" />
					<h:inputText id="octal" value="#{conversorBean.numero.octal}" />
				
				
					<h:commandButton  update="resultado" class="bnt" action="#{conversorBean.octal}" value="Converter" />
				</h:panelGrid>
			
			</h:form>
			
			<hr />
			
			<h:panelGrid id="resultado" columns="3">
			
				<h:outputText value="Binário" />
				<h:outputText value=" = "/>
				<h:outputText value="#{conversorBean.numero.binario}" />
			
			
				<h:outputText value="Decimal" />
				<h:outputText value=" = "/>
				<h:outputText value="#{conversorBean.numero.decimal}" />

				<h:outputText value="Hexadecimal" />
				<h:outputText value=" = "/>
				<h:outputText value="#{conversorBean.numero.hexadecimal}" />
			
			
			</h:panelGrid>
		
		</div>			
		
	</ui:define>
</ui:composition>
</html>